
import React, { memo } from 'react'
import MeModel from '@models/meModel'
// @ts-ignore
import Styles from './index.scss'
// @ts-ignore
import FormIcon from '../../../icons/form.svg'
import { Card, WingBlank } from 'antd-mobile';

interface PropsInterface {
  meModel: MeModel
}
// @ts-ignore
const AboutMe = (props: PropsInterface) => {

  return (
    <WingBlank size="sm" className={ Styles['com-me-about-me'] }>
      <Card>
        <Card.Header
          title={ <span className={ Styles['title'] }>关于我</span> }
        />
        <Card.Body>
          <div className={ Styles['detail-text'] }>{ props.meModel.abouts }</div>
        </Card.Body>
      </Card>
    </WingBlank>
  )
}

export default memo(AboutMe)